<template>
  <div id="column">
  <daohang></daohang>
    <x-chart :id="id" :option="option"></x-chart>
  </div>
</template>
 
<script>
// 导入chart组件
import XChart from './column.vue'
import highchartsData from './chart-options/highchartsData'
import daohang from '../daohang/shuxing.vue'
// 导入chart组件模拟数据
import options from './chart-options/options'
export default {
  name: 'column',
  data() {
    let option = options.bar
    return {
      id: 'test',
      option: option
    }
  },
  components: {
    XChart,daohang
  }
}
</script>
 
<style>
#test {
  width: 400px;
  height: 400px;
  margin: 40px auto;
}
</style>